<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>ECharts 半圆合并</title>
  <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.1/dist/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width: 600px; height: 600px;"></div>
<script type="text/javascript">
  var myChart = echarts.init(document.getElementById('main'));

  // 配置项
  var option = {
    title: {
      text: '半圆合并统计图',
      left: 'center',
      top: 20,
    },
    tooltip: { // 鼠标移入提示
      trigger: 'item',
      formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: { // 图例组件
      orient: 'horizontal',
      bottom: 20,
      data: ['Q1', 'Q2', 'Q3', 'Q4']
    },
    series: [
      {
        type: 'pie',
        radius: ['50%', '0%'], // 左边半圆
        center: ['25%', '50%'],
        label: {
          show: false,
          position: 'inside'
        },
        data: [
          {
            value: 25,
            name: 'Q1', // 季度
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                      0, 0, 0, 1,
                      [
                        { offset: 0, color: '#fde8cd' },
                        { offset: 0.5, color: '#faa756' },
                        { offset: 1, color: '#ff7c3b' }
                      ]
              )
            },
          },
          {
            value: 25,
            name: 'Q2', // 季度
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                      0, 0, 0, 1,
                      [
                        { offset: 0, color: '#fde8cd' },
                        { offset: 0.5, color: '#faa756' },
                        { offset: 1, color: '#ff7c3b' }
                      ]
              )
            },
          },
          {
            value: 25,
            name: 'Q3', // 季度
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                      0, 0, 0, 1,
                      [
                        { offset: 0, color: '#d6eaf8' },
                        { offset: 0.5, color: '#5dade2' },
                        { offset: 1, color: '#2874a6' }
                      ]
              )
            },
          },
          {
            value: 25,
            name: 'Q4', // 季度
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                      0, 0, 0, 1,
                      [
                        { offset: 0, color: '#d6eaf8' },
                        { offset: 0.5, color: '#5dade2' },
                        { offset: 1, color: '#2874a6' }
                      ]
              )
            },
          }
        ]
      },
      {
        type: 'pie',
        radius: ['0%', '50%'], // 右边半圆
        center: ['75%', '50%'],
        label: {
          show: false,
          position: 'inside'
        },
        data: [
          {
            value: 25,
            name: 'Q1', // 季度
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                      0, 0, 0, 1,
                      [
                        { offset: 0, color: '#fde8cd' },
                        { offset: 0.5, color: '#faa756' },
                        { offset: 1, color: '#ff7c3b' }
                      ]
              )
            },
          },
          {
            value: 25,
            name: 'Q2', // 季度
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                      0, 0, 0, 1,
                      [
                        { offset: 0, color: '#fde8cd' },
                        { offset: 0.5, color: '#faa756' },
                        {offset: 1, color: '#ff7c3b' }
                      ]
              )
            },
          },
          {
            value: 25,
            name: 'Q3', // 季度
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                      0, 0, 0, 1,
                      [
                        { offset: 0, color: '#d6eaf8' },
                        { offset: 0.5, color: '#5dade2' },
                        { offset: 1, color: '#2874a6' }
                      ]
              )
            },
          },
          {
            value: 25,
            name: 'Q4', // 季度
            itemStyle: {
              color: new echarts.graphic.LinearGradient(
                      0, 0, 0, 1,
                      [
                        { offset: 0, color: '#d6eaf8' },
                        { offset: 0.5, color: '#5dade2' },
                        { offset: 1, color: '#2874a6' }
                      ]
              )
            },
          }
        ]
      }
    ]
  };

  myChart.setOption(option);
</script>
</body>
</html>